﻿<!DOCTYPE html>
<html lang="zh-CN" ><!-- manifest="manifest.appcache" -->
  <head>
    <#include "/v1.5/part_meta.ftl">
    <title>找回密码 - 迈小众</title>
  </head>
<body>
<#include "/v1.5/part_navbar.ftl">
<div class="container">
  <div class="row col-md-offset-2 col-md-8 forget-pwd">
    <div class="col-xs-12 steps">
      <div class="col-xs-3 step active">
        <p class="step-line step-line-start"></p>
        <p class="step-round">1</p>
        <p class="step-label">找账户</p>
      </div>
      <div class="col-xs-3 step">
        <p class="step-line"></p>
        <p class="step-round">2</p>
        <p class="step-label">身份验证</p>
      </div>
      <div class="col-xs-3 step">
        <p class="step-line"></p>
        <p class="step-round">3</p>
        <p class="step-label">设置密码</p>
      </div>
      <div class="col-xs-3 step">
        <p class="step-line step-line-end"></p>
        <p class="step-round">4</p>
        <p class="step-label">完成</p>
      </div>
    </div>
    <form id="step_0" autocomplete="off" class="form-horizontal">
      <div class="form-group">
        <label for="account" class="col-sm-3 control-label">账户名</label>
        <div class="col-sm-6">
          <input type="text" class="form-control" id="account" name="account" autofocus="autofocus" placeholder="用户名/手机/邮箱">
        </div>
      </div>
      <div class="form-group">
        <label for="captcha_0" class="col-xs-12 col-sm-3 control-label">验证码</label>
        <div class="col-xs-5 col-sm-3">
          <input type="text" id="captcha_0" name="captcha" class="form-control">
        </div>
        <div class="col-xs-4 col-sm-3">
          <img id="captchaImg" src="${st.domain}/captcha/captcha.png"  onclick="this.src='${st.domain}/captcha/captcha.png?r=' + Math.random();" style="height:35px;cursor:pointer;">
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-3 col-sm-6">
          <button type="submit" id="btn_step_0" class="btn btn-success btn-lg col-xs-12">下一步</button>
        </div>            
      </div>
    </form>
    <div id="step_1" class="col-xs-12" style="display:none;">
      <span class="tip-icon tip-icon-fail"></span>
      <p style="text-align:center;">该账户不支持找回密码功能，请联系客服帮助您重置密码。</p>
    </div>
    <div id="step_2" style="display:none;">
      <ul class="nav nav-tabs">
        <li role="presentation" class="disabled"><a id="verifyType_0">手机验证</a></li>
        <li role="presentation" class="disabled"><a id="verifyType_1">邮箱验证</a></li>
        <li role="presentation" class="disabled"><a id="verifyType_2">问题验证</a></li>
      </ul>
      <form id="verify_0" autocomplete="off" class="form-horizontal" style="display:none;">
        <div class="form-group">
          <p class="form-control-static">点击“获取验证码”按钮向手机<b id="mobile">150****8802</b>发送短信，请将短信中的验证码填写到下面的表单中。</p>
        </div>
        <div class="form-group">
          <label for="captcha_1" class="col-sm-3 control-label">验证码</label>
          <div class="col-sm-6">
            <div class="col-xs-6" style="padding:0px">
              <input type="text" id="captcha_1" name="captcha" class="form-control">
            </div>
            <div class="col-xs-6">
              <button type="button" id="btn_send_0" class="btn btn-default col-xs-12">获取验证码</button>
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-3 col-sm-6">
            <button type="submit" id="btn_step_1" class="btn btn-success btn-lg col-xs-12">下一步</button>
          </div>            
        </div>
      </form>
      <form id="verify_1" autocomplete="off" class="form-horizontal" style="display:none;">
        <div class="form-group">
          <p class="form-control-static">点击“获取验证码”按钮向邮箱<b id="email">mo_***@163.com</b>发送邮件，请将邮件中的验证码填写到下面的表单中。</p>
        </div>
        <div class="form-group">
          <label for="captcha_2" class="col-sm-3 control-label">验证码</label>
          <div class="col-sm-6">
            <div class="col-xs-6" style="padding:0px">
              <input type="text" id="captcha_2" name="captcha" class="form-control">
            </div>
            <div class="col-xs-6">
              <button type="button" id="btn_send_1" class="btn btn-default col-xs-12">获取验证码</button>
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-3 col-sm-6">
            <button type="submit" id="btn_step_2" class="btn btn-success btn-lg col-xs-12">下一步</button>
          </div>            
        </div>
      </form>
      <form id="verify_2" autocomplete="off" class="form-horizontal" style="display:none;">
        <div class="form-group">
          <div class="col-xs-12">
            <p class="form-control-static">请回答以下问题。</p>
          </div>
        </div>
        <div class="form-group" style="margin-bottom: 0px;">
          <label class="col-xs-3 control-label">问题-{num}-</label>
          <div class="col-xs-8">
            <p class="form-control-static">-{question}-</p>
          </div>
        </div>
        <div class="form-group">
          <label for="answer_-{i}-" class="col-sm-3 control-label">回答-{num}-</label>
          <div class="col-sm-6">
            <input type="hidden" id="questionId_-{i}-"  name="sqList[-{i}-].questionId" value="-{questionId}-">
            <input type="text" class="form-control" autocomplete="off" id="answer_-{i}-" name="sqList[-{i}-].answer" data-rule="required;" data-msg="请回答问题-{num}-">
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-3 col-sm-6">
            <button type="submit" id="btn_step_3" class="btn btn-success btn-lg col-xs-12">下一步</button>
          </div>            
        </div>
      </form>
      <div id="verify_none" class="col-xs-12" style="display:none;">
        <p style="text-align:center;">您的账户不支持找回密码功能，请联系客服。</p>
      </div>
    </div>
    <form id="step_3" autocomplete="off" class="form-horizontal" style="display:none;">
      <div class="form-group">
        <label for="pwd" class="col-sm-3 control-label">新密码</label>
        <div class="col-sm-6">
          <input type="password" class="form-control" id="pwd" name="pwd">
        </div>
      </div>
      <div class="form-group">
        <label for="pwd2" class="col-sm-3 control-label">确认新密码</label>
        <div class="col-sm-6">
          <input type="password" class="form-control" id="pwd2" name="pwd2">
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-3 col-sm-6">
          <button type="submit" id="btn_step_4" class="btn btn-success btn-lg col-xs-12">完 成</button>
        </div>            
      </div>
    </form>
    <div id="step_4" class="col-xs-12" style="display:none;">
      <span class="tip-icon"></span>
      <p style="text-align:center;">密码设置成功！</p>
    </div>        
  </div>
  <#include "/v1.5/part_footer.ftl">  
</div>
<script data-main="${st.resDomain}/v1.5/js/anonym/forgetPwd" src="${st.resDomain}/v1.5/js/require.js"></script>
</body>
</html>
